<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="/WEB-INF/templates/master.xhtml">
	<ui:define name="content">
	
		<!--  Inicio Dialogo Nueva solicitud -->
	<p:dialog header="Nueva solicitud de actualizacion de legajo" id="dialogSol" modal="true" resizable="false" 
			widgetVar="dlgSolicitud" hideEffect="puff" appendToBody="true" styleClass="panel-azul" width="500" height="420" >
	
		<p:panel  styleClass="panel-azul">
		<h:form id="frmSolLegajo">
		<p:growl id="msjLegajo" showDetail="true" autoUpdate="true"/>
		<h:panelGrid columns="2" cellpadding="3" cellspacing="4">
		<h:outputLabel value="Tipo Seccion Legajo:"  for="cboSeccion"/>
		<p:selectOneMenu id="cboSeccion" value="#{solicitudActualizarLegajoMB.legajo.idSeccionLegajo.idSeccionLegajo}" required="true"  requiredMessage="Elija la seccion del legajo">
		<f:selectItem itemValue="#{null}" itemLabel="-- Seleccione --" />
		<f:selectItems value="#{solicitudActualizarLegajoMB.secciones}" var="seccion" itemValue="#{seccion.idSeccionLegajo}" itemLabel="#{seccion.descripcion}" />
		</p:selectOneMenu>
		<h:outputLabel value="Descripcion del documento" for="txtDesc"  />
		<h:inputText id="txtDesc" value="#{solicitudActualizarLegajoMB.legajo.descripcion}"  required="true" onblur="value=value.toUpperCase()" requiredMessage="Ingrese la Descripci&oacute;n" style="width:200px"/>
		<h:outputLabel value="tipo del documento:"  for="cboDoc"/>
		<p:selectOneMenu id="cboDoc" value="#{solicitudActualizarLegajoMB.legajo.idDocumento.idDocumento}" required="true"  requiredMessage="Elija el tipo documento">
		<f:selectItem itemValue="#{null}" itemLabel="-- Seleccione --" />
		<f:selectItems value="#{solicitudActualizarLegajoMB.tipoDocumentos}" var="sol" itemValue="#{sol.idDocumento}" itemLabel="#{sol.descripcion}" />
		</p:selectOneMenu>
		</h:panelGrid>
		<h:panelGrid id="detalleUpload"  columns="2" cellpadding="3" cellspacing="4">
		<h:outputLabel value="Archivo Adjunto:" /><h:outputText id="salida" value="#{solicitudActualizarLegajoMB.file.fileName}" rendered="#{solicitudActualizarLegajoMB.file!=null}" style="color:navy;font-size:12px"/>
		</h:panelGrid>
		
		<!--h:form enctype="multipart/form-data"-->
		<h:outputText value="(Tipos archivos permitidos: pdf,jpg  &nbsp;  &nbsp;  tama&ntilde;o m&aacute;ximo :5MB)" style="color:#04460D;font-size:11px;font-family:verdana"/>
		<p:fileUpload  id="uploadLegajo" fileUploadListener="#{solicitudActualizarLegajoMB.handleFileUpload}" allowTypes="/(\.|\/)(pdf|jpe?g)$/" mode="advance" process="@this" sizeLimit="5000000"  style="min-height:100px" oncomplete="removeFileErrMessage();"
		invalidFileMessage="Tipo de archivo no permitido" cancelLabel="Cancelar" label="Elegir" uploadLabel="Adjuntar" update=":#{p:component('detalleUpload')},:#{p:component('btnRegistrar')} ">
		</p:fileUpload>
		<!--/h:form-->
		
		<p:outputLabel value="Motivo de la solicitud" for="txtMotivo"/><br/>
		<h:inputTextarea id="txtMotivo" value="#{solicitudActualizarLegajoMB.solicitud.motivoSolicitud}" cols="50" rows="3" required="true" requiredMessage="Especifique el motivo" onblur="value=value.toUpperCase()"/>
		
		<h:panelGrid columns="4">
		<p:commandButton id="btnRegistrar" value="Registrar" action="#{solicitudActualizarLegajoMB.registrarNuevaSolicitud}" update=":frmSolicitud:dtLstSolicitud ,msjLegajo" disabled="#{solicitudActualizarLegajoMB.file==null}" oncomplete="handleRequestDefault(xhr, status, args,dlgSolicitud);"/>
		<p:commandButton value="Cancelar"  onclick="dlgSolicitud.hide();" type="button"/>
		<h:panelGroup layout="block"><ui:include src="/resources/includes/ajaxStatus.xhtml"/></h:panelGroup>
		</h:panelGrid>
		</h:form>
		</p:panel>
	
	</p:dialog>
	<!--  FIN Dialogo Nueva solicitud -->
	
	
	
	
	
	
	
	<p:panel header="Solicitar Actualizar Legajo" style="width:950px;height:500px" styleClass="panel-azul">
	
	
	
	<h:form id="frmSolicitud">
	<p:confirmDialog id="confirmDialog" message="Esta seguro de eliminar el dato seleccionado?"  
                header="Confirmacion de Eliminaci&oacute;n" severity="alert" widgetVar="confirmation">  
                  
        <p:commandButton id="confirm" value="Si" update=":frmSolicitud:dtLstSolicitud , :frmSolicitud:msj" oncomplete="confirmation.hide()"  
                    actionListener="#{solicitudActualizarLegajoMB.eliminarSolicitud}">
         <f:param name="validate" value="1" /> 
           
        </p:commandButton>  
        <p:commandButton id="decline" value="No, cancelar" onclick="confirmation.hide()" type="button" />   
                  
    </p:confirmDialog>  
	
	<p:growl id="msj" showDetail="true"/>
	<p:panel header="Consultar solicitudes realizadas"  styleClass="panel-azul">
	
		<h:panelGrid columns="7">
		
		<p:outputLabel value="Desde: "  for="desde"/>
		<p:outputLabel value="Hasta: "  for="hasta"/>
		<h:outputLabel value="Estado: " />
		<h:outputLabel value=" " />
		<h:outputLabel value=" " />
		<h:outputLabel value=" " />
		<h:outputLabel value=" " />
		<p:calendar  id="desde" value="#{solicitudActualizarLegajoMB.desde}" showOn="button" required="#{param['validate']=='1'?false:true}" requiredMessage="Ingrese la fecha inicial" locale="es"/>
		<p:calendar  id="hasta" value="#{solicitudActualizarLegajoMB.hasta}" showOn="button" required="#{param['validate']=='1'?false:true}" requiredMessage="Ingrese la fecha final" locale="es"/>
		<h:selectOneMenu style="width:150px" value="#{solicitudActualizarLegajoMB.estadoSolicitud}">
		<f:selectItems value="#{solicitudActualizarLegajoMB.listaEstadosSolicitud}"/>
		</h:selectOneMenu>
		<p:commandButton value="Listar" action="#{solicitudActualizarLegajoMB.listarSolicitudes}" update="frmSolicitud" />
		<p:spacer width="20"/>
		<p:commandButton value="Nueva Solicitud" oncomplete="dlgSolicitud.show();" action="#{solicitudActualizarLegajoMB.nuevaSolicitud}" immediate="true" update=":frmSolLegajo"/>
		<p:commandButton value="Eliminar Solicitud" onclick="if (dtLstSolicitudWidget.getSelectedRowsCount()==0){alert('Debe elegir un solicitud a eliminar');}else{confirmation.show();}" type="button"/>
		</h:panelGrid>
		<br />
		<p:dataTable id="dtLstSolicitud" styleClass="tbl_cgr" value="#{solicitudActualizarLegajoMB.solicitudes}" var="solicitud" rowIndexVar="idx" rowKey="#{solicitud}" paginator="true" paginatorAlwaysVisible="false" selection="#{solicitudActualizarLegajoMB.solicitudSelected}"
		paginatorPosition="bottom" widgetVar="dtLstSolicitudWidget" emptyMessage="No hay registros">
		<f:facet name="header"><h:outputLabel value="Lista de solicitudes de legajo" /></f:facet>
		<p:column headerText="Item" style="width:50px"><h:outputLabel value="#{idx+1}" /></p:column>
		<p:column headerText="Motivo descripcion / detalle de la solicitud " style="width:300px"><h:outputLabel value="#{solicitud.motivoSolicitud}" /></p:column>
		<p:column headerText="Fecha Solicitud"><h:outputLabel value="#{solicitud.fechaRealizada}" /></p:column>
		<p:column headerText="Estado solicitud"><h:outputLabel value="#{solicitud.estadoDesc}"  /></p:column>
		<p:column headerText="Motivo Rechazado"><h:outputLabel value="#{solicitud.motivoRechazo}"  /></p:column>
		<p:column headerText="Elegir" selectionMode="single"></p:column>
		</p:dataTable>
	</p:panel>
	
	</h:form>
	

	
	
	</p:panel>

	<script type= "text/javascript">
	//<![CDATA[
	
function removeFileErrMessage(){
var el=  document.getElementsByClassName("template-upload ui-state-error");
 if(el.length>0)
   $(el[0]).remove();
}

 

//]]>
</script>

		
		
	</ui:define>

</ui:composition>

</html>